<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品优购商城-正品低价、品质保障、配送及时、轻松购物！</title>
  <!-- 网站说明-->
    <meta name="description" content="品优购-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。">
    <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜">
    <link rel="stylesheet" href="../css/base.css">
   <!-- 模块化引入公共样式文件-->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 模块化引入index样式文件-->
    <link rel="stylesheet" href="../css/index.css">
    <!--引入favicon图-->
    <link rel="shortcut icon" href="favicon.ico" >

</head>
<body>
<!--快捷导航模块开始-->
<div class="shortcut">
   <!-- 版心-->
<div class="w">
<!-- 快捷导航左盒子 -->
   <div class="fl">
<ul>
    <li>品优购欢迎您！</li>&nbsp;
    <li>
        <a href="">请登录</a> &nbsp;
        <a  class="style_red" href="register.html">免费注册</a>
    </li>
</ul>
   </div>
    <!--快捷导航右盒子-->
    <div class="fr">
<ul>
    <li><a href="">我的订单</a></li>
    <li></li>
    <li><a class="arrow-icon" href="">我的品优购</a></li>
    <li></li>
    <li><a href="">品优购会员</a></li>
    <li></li>
    <li><a href="">企业采购</a></li>
    <li></li>
    <li><a class="arrow-icon" href="">关注品优购</a></li>
    <li></li>
    <li><a class="arrow-icon" href="">客户服务</a></li>
    <li></li>
    <li><a class="arrow-icon" href="">网址导航</a></li>
</ul>
    </div>
</div>
</div>
<!--快捷导航模块结束-->

<!--header头部模块开始-->
<header class="header w">
<!--品优购logo标志模块-->
   <div class="logo">
       <h1>
           <a title="品优购商城" href="index.html">品优购首页</a>
       </h1>
   </div>
   <!-- search搜索模块-->
    <div class="search">
        <input class="input_serch" type="search" placeholder="语言开发">
        <input class="input_btn" type="button" value="搜索">
    </div>
  <!--  hotwords热词模块-->
    <div class="hotwords">

            <a href="">优惠购首发</a>
            <a href="">亿元优惠</a>
            <a href="">9.9元团购</a>
            <a href="">每满99减30</a>
            <a href="">办公用品</a>
            <a href="">电脑</a>
            <a href="">通信</a>

    </div>
   <!-- shopcar购物车模块-->
    <div class="shopcar">
       <span>我的购物车</span>
        <div class="count">80</div>
    </div>
</header>
<!--header头部模块结束-->
<!--nav导航模块开始-->
<!--nav导航模块大盒子-->
<nav class="nav">
    <div class="w">
        <!--全部商品盒子-->
        <div class="dropdown">
           <div class="dt">
            全部商品分类
           </div>
            <div class="dd">
             <ul>
                 <li><a href="">家用电器</a></li>
                 <li><a href="list.html">手机,数码,通信</a></li>
                 <li><a href="">电脑,办公</a></li>
                 <li><a href="">家居,家具家装,厨具</a></li>
                 <li><a href="">男装,女装,童装,内衣</a></li>
                 <li><a href="">个户化妆,清洁用品,宠物</a></li>
                 <li><a href="">鞋靴,箱包,珠宝,奢侈品</a></li>
                 <li><a href="">运动户外,钟表</a></li>
                 <li><a href="">汽车,汽车用品</a></li>
                 <li><a href="">母婴,玩具,乐器</a></li>
                 <li><a href="">食品,酒类,生鲜,特产</a></li>
                 <li><a href="">医药保健</a></li>
                 <li><a href="">图书,音像,电子书</a></li>
                 <li><a href="">彩票,旅行,充值,票务</a></li>
                 <li><a href="">理财,众筹,白条,保险</a></li>
             </ul>
            </div>
        </div>
        <!--相关分类盒子-->
        <div class="navitems">
            <a href="">服装城</a>
            <a href="">美妆馆</a>
            <a href="">传智超市</a>
            <a href="">全球购</a>
            <a href="">闪购</a>
            <a href="">团购</a>
            <a href="">拍卖</a>
            <a href="">有趣</a>
        </div>
    </div>
</nav>
<!--nav导航模块结束-->

<!--首页专有模块开始-->
<div class="w">
    <div class="main">
     <div class="focus">
         <ul>
             <li><img src="../upload/pk.png" alt=""></li>
         </ul>
     </div>
        <div class="newflash">
           <div class="news">
           <div class="new_top">
               <span>品优购快报</span>
               <a href="">更多&nbsp;&gt;</a>
           </div>
               <ul>
                   <li><h4>[特惠]<a href="">备战开学季，奥利给，跟我一起冲冲冲，年薪100万，加油加油加油！</a></h4></li>
                   <li><h4>[公告]<a href="">家电网购六成份额</a></h4></li>
                   <li><h4>[特惠]<a href="">百元中秋礼品券</a></h4></li>
                   <li><h4>[公告]<a href="">上品生鲜</a></h4></li>
                   <li><h4>[特惠]<a href="">每日享折扣</a></h4></li>
               </ul>
           </div>
            <div class="lifeservice">
                <ul>
                    <li><i></i> <p>花费</p></li>
                    <li><i></i> <p>机票</p></li>
                    <li><i></i> <p>电影票</p></li>
                    <li><i></i> <p>游戏</p></li>
                    <li><i></i> <p>彩票</p></li>
                    <li><i></i> <p>加油卡</p></li>
                    <li><i></i> <p>酒店</p></li>
                    <li><i></i> <p>火车票</p></li>
                    <li><i></i> <p>众筹</p></li>
                    <li><i></i> <p>理财</p></li>
                    <li><i></i> <p>礼品卡</p></li>
                    <li><i></i> <p>白条</p></li>
                </ul>
            </div>
            <div class="bargain">
                <img src="../images/bargin.png" alt="">
            </div>
        </div>
    </div>
</div>
<!--首页专有模块结束-->

<!--推荐模块开始-->
<div class="w recom">
    <div class="recom_hd">
        <img src="../images/recom.png" alt="">
    </div>
    <div class="recom_bd">
        <ul>
            <li><img src="../upload/txd.png" alt=""></li>
            <li><img src="../upload/mj.png" alt=""></li>
            <li><img src="../upload/yf.png" alt=""></li>
            <li><img src="../upload/watch1.png" alt=""></li>
        </ul>
    </div>
</div>
<!--推荐模块结束-->

<!--猜你喜欢开始-->
<div class="like w">
    <div class="like_top">
        <h3>猜你喜欢</h3>
        <a href="">换一批</a>
    </div>
    <div class="like_body">
        <ul >
            <li><img src="../upload/phone.png" alt="">
                <p>阳光美包新款</p>
                <p>子母包四件套</p>
                <h3>￥116.00</h3>
            </li>
            <li><img src="../upload/bao.png" alt="">
                <p>爱马仕 30cm炒锅</p>
                <p>电磁炉炒锅</p>
                <h3>￥99.00</h3></li>
            <li><img src="../upload/guo.png" alt="">
                <p>捷波朗</p>
                <p>BOOT劲步</p>
                <h3>￥245.00</h3></li>
            <li><img src="../upload/suo.png" alt="">
                <p>欧普</p>
                <p>JYLZ面板灯铝</p>
                <h3>￥238.00</h3></li>
            <li><img src="../upload/deng.png" alt="">
                <p>三星</p>
                <p>(G5500)移动互联</p>
                <h3>￥600</h3></li>
            <li><img src="../upload/ping.png" alt="">
                <p>韩国所望</p>
                <p>紧致湿润精华油</p>
                <h3>￥700</h3></li>
        </ul>
    </div>

</div>
<!--猜你喜欢结束-->

<!--楼层区域制作开始-->
<div class="floor w">
    <!--家用电器楼层-->
    <div class="jiadian">
      <div class="box-hd">
       <h3>家用电器</h3>
          <div class="tab-list">
              <ul>
                  <li><a href="">热门</a>|</li>
                  <li><a href="">品质优选</a>|</li>
                  <li><a href="">新机尝鲜 </a>|</li>
                  <li><a href="">高性价比</a>|</li>
                  <li><a href="">口碑推荐</a>|</li>
                  <li><a href="">合约机</a>|</li>
                  <li><a href="">手机卡</a>|</li>
                  <li><a href="">店铺精选</a>|</li>
                  <li><a href="">手机配件</a></li>
              </ul>
          </div>
      </div>
        <div class="box-bd">
        <div class="tab-content">
            <!--内容1-->
        <div class="tab-list-item">
            <div class="col_210">
                <ul>
                    <li><a href="">节能补贴</a></li>
                    <li><a href=""></a>4k电视</li>
                    <li><a href="">空气净化器</a></li>
                    <li><a href=""></a>IH电饭煲</li>
                    <li><a href=""></a>滚筒洗衣机</li>
                    <li><a href=""></a>电热水器</li>
                </ul>
                <a href=""><img src="../upload/sanxing.png" alt=""></a>
            </div>
            <div class="col_329">
                <a href=""><img src="../upload/shuhu.png" alt=""></a>
            </div>
            <div class="col_221">
                <a  href=""><img class="bd_221" src="../upload/weibo.png" alt=""></a>
                <a  href=""><img class="bd_221" src="../upload/tv_b.png" alt=""></a>
            </div>
            <div class="col_221">
                <a href=""><img class="tv-221" src="../upload/tv.png" alt=""></a>
            </div>
            <div class="col_219">
                <a  href=""><img class="bd-1-219" src="../upload/kongtiao.png" alt=""></a>
                <a  href=""><img class="bd-2-219" src="../upload/fengshan.png" alt=""></a>
            </div>
         </div>

        </div>
        </div>
        <div class="tab-list-footer w">
            <img src="../images/box-fotter.png" alt="">
        </div>
    </div>
</div>
<!--楼层区域制作结束-->

<!--底部模块开始-->
<footer class="footer">
    <!--版心盒子-->
<div class="w">
    <div class="mod_service">
        <ul>
            <li>
                <h5 class="h5_zheng h"></h5>
                <div class="service_text">
                    <h4>正品保障</h4>
                    <p>正品保障，提供发票</p>
                </div>
            </li>
            <li>
                <h5 class="h5_car h"></h5>
                <div class="service_text">
                    <h4>极速物流</h4>
                    <p>极速物流，极速送达</p>
                </div>
            </li>
            <li>
                <h5 class="h5_bao h"></h5>
                <div class="service_text">
                    <h4>无忧售后</h4>
                    <p>7天无理由退货</p>
                </div>
            </li>
            <li>
                <h5 class="h5_te h"></h5>
                <div class="service_text">
                    <h4>特色服务</h4>
                    <p>私人订制家电套餐</p>
                </div>
            </li>
            <li>
                <h5 class="h5_bang h"></h5>
                <div class="service_text">
                    <h4>帮助中心</h4>
                    <p>您的购物指南</p>
                </div>
            </li>

        </ul>
    </div>
    <div class="mod_help">
        <dl>
            <dt>服务指南</dt>
            <dd><a href="">购物流程</a></dd>
            <dd><a href="">会员介绍</a></dd>
            <dd><a href="">生活旅行/团购</a></dd>
            <dd><a href="">常见问题</a></dd>
            <dd><a href="">大家电</a></dd>
            <dd><a href="">练习客服</a></dd>

        </dl>
        <dl>
            <dt>服务指南</dt>
            <dd><a href="">购物流程</a></dd>
            <dd><a href="">会员介绍</a></dd>
            <dd><a href="">生活旅行/团购</a></dd>
            <dd><a href="">常见问题</a></dd>
            <dd><a href="">大家电</a></dd>
            <dd><a href="">练习客服</a></dd>

        </dl>
        <dl>
            <dt>服务指南</dt>
            <dd><a href="">购物流程</a></dd>
            <dd><a href="">会员介绍</a></dd>
            <dd><a href="">生活旅行/团购</a></dd>
            <dd><a href="">常见问题</a></dd>
            <dd><a href="">大家电</a></dd>
            <dd><a href="">练习客服</a></dd>

        </dl>
        <dl>
            <dt>服务指南</dt>
            <dd><a href="">购物流程</a></dd>
            <dd><a href="">会员介绍</a></dd>
            <dd><a href="">生活旅行/团购</a></dd>
            <dd><a href="">常见问题</a></dd>
            <dd><a href="">大家电</a></dd>
            <dd><a href="">练习客服</a></dd>

        </dl>
        <dl>
            <dt>服务指南</dt>
            <dd><a href="">购物流程</a></dd>
            <dd><a href="">会员介绍</a></dd>
            <dd><a href="">生活旅行/团购</a></dd>
            <dd><a href="">常见问题</a></dd>
            <dd><a href="">大家电</a></dd>
            <dd><a href="">练习客服</a></dd>

        </dl>
        <dl>
            <dt>帮助中心</dt>
            <dd><img src="../images/wx_cz.jpg" alt=""></dd>
            <dd><a href="">品优购客户端</a></dd>
        </dl>
    </div>
</div>
    <!--页脚制作-->
    <div class="mod_copyright w">
        <div class="link">
            <a href=""> 关于我们  |</a>
            <a href="">联系我们  | </a>
            <a href=""> 联系客服  |  </a>
            <a href=""> 商家入驻  |</a>
            <a href=""> 营销中心  | </a>
            <a href="">手机品优购  |</a>
            <a href=""> 友情链接  | </a>
            <a href="">销售联盟  |</a>
            <a href=""> 品优购社区  |  </a>
            <a href=""> 品优购公益  | </a>
            <a href=""> English Site  |</a>
            <a href=""> Contact U</a>

        </div>
        <div class="copyright">
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
            京ICP备08001421号京公网安备110108007702
        </div>
    </div>
</footer>
<!--底部模块结束-->


</body>
</html>